<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Cultuurhuis - voorstellingen</title>
<link rel="stylesheet" href="styles/default.css" />
</head>
<body>
	<h1>
		VOORSTELLINGEN CULTUURHUIS
		<c:url value="/images/voorstellingen.png" var="prentVoorstellingen" />
		<img src="${prentVoorstellingen}" alt="voorstellingen" />
	</h1>
	<c:if test="${not empty mandje}">
	<c:import url="/WEB-INF/JSP/menu.jsp"/>
	</c:if> 
	<br/>
	<h2>Genres</h2>
	<c:forEach var="genre" items="${genres}">
		<c:url value="/welkom.htm" var="url">
			<c:param name="genrenummer" value="${genre.nummer}" />
		</c:url>
		<a href="${url}">${genre.naam}</a>
	</c:forEach>
<br/><br/>

	<c:if test="${not empty voorstellingen}">
	<h2>${genrenaam} voorstellingen</h2>
		<table border="1">
			
			<tr>
				<th>Datum</th>
				<th>Titel</th>
				<th>Uitvoerders</th>
				<th>Prijs</th>
				<th>Vrije Plaatsen</th>
				<th>Reserveren</th>
			</tr>
			
			<c:forEach var="voorstelling" items="${voorstellingen}" varStatus="status">
			
				<tr class="${status.count % 2 == 0 ? 'even':'oneven'}">
					<td>${voorstelling.datum}</td>
					<td>${voorstelling.titel}</td>
					<td>${voorstelling.uitvoerders}</td>
					<td>${voorstelling.prijs}  &#8364;</td>
					<td>${voorstelling.vrijePlaatsen}</td>
					<td><c:url value="/reservatie.htm" var="ReservatieURL">
						<c:param name="voorstellingsnummer" value="${voorstelling.nr}"/>
						</c:url>
					<c:if test="${voorstelling.vrijePlaatsen >0}"> 
							<a href="${ReservatieURL}">Reserveren</a>
						</c:if></td>
				</tr>
				
			</c:forEach>
			
		</table>

	</c:if>
	
</body>
</html>